<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/index.css">
    <title>我的携程</title>
</head>
<body>
    <div class="toubu">
        <div class="toubu-1 hotel">
            <a href="" class="jiudian">
                <span>酒店</span>
                <span></span>
            </a>
            <div class="select">
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
            </div>
        </div>
        <div class="toubu-1 ticket">
            <a href="" class="jiudian">
                <span>机票</span>
                <span></span>
            </a>
            <div class="select">
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
            </div>
        </div>
        <div class="toubu-1 travel">
            <a href="" class="jiudian">
                <span>旅游</span>
                <span></span>
            </a>
            <div class="select">
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
                <a href="">海外酒店</a>
            </div>
        </div>
        <div class="nav">
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
            <a href="#">
                <span class="nav-icon"></span>
                <span>WIFI电话卡</span>
            </a>
        </div>
        <div class="special">
            <div class="special-title">
                <span>特卖惠</span>
                <a href="">领红包再下单 ></a>
            </div>
            <div class="special-articles">
                <a href="" class="main_sell">
                    <img src="./images/hot_sell_1.png" alt="">
                    <p>
                        呼和浩特+希拉穆仁草原+响沙湾4日跟团游·携程自营·【春季预售·特卖双飞】2晚五星锦江+主题蒙古包
                        东航直飞 特色美食 踏草迎春
                      </p>
                      <dl>￥ 999元</dl>
                      <span>省800元</span>
                </a>
                <div class="sale">
                    <a href="">
                        <dl>千款特价</dl>
                        <dl>走过路过不要错过</dl>
                        <img src="./images/pic-tmh-02.png" alt="">
                    </a>
                    <!-- <div class="ceshi"></div> -->
                    <a href="">
                        <dl>境外精选</dl>
                        <dl>百万出境游</dl>
                        <img src="./images/pic-tmh-03.png" alt="">
                    </a>
                    <a href="">
                        <dl>周边玩乐</dl>
                        <dl>十元度周末</dl>
                        <img src="./images/pic-tmh-04.png" alt="">
                    </a>
                </div >
            </div>
        </div>
        <div class="activity">
            <div class="activity-title">
                <span>热门活动</span>
                <a href="">获取更多福利 ></a>
            </div>
            <div class="welfare">
                <a href="">
                    <img src="./images/hot_activity (4).jpg" alt="">
                </a>
                <a href="">
                    <img src="./images/hot_activity (3).jpg" alt="">
                </a>
                <a href="">
                    <img src="./images/hot_activity (1).jpg" alt="">
                </a>
                <a href="">
                    <img src="./images/hot_activity (2).jpg" alt="">
                </a>
                <a href="">
                    <img src="./images/hot_activity (5).jpg" alt="">
                </a>
                <a href="">
                    <img src="./images/hot_activity (6).jpg" alt="">
                </a>
            </div>
        </div>
        <footer>
            <div class="connection">
                <a href="">
                    <span>☎</span>
                    <span>电话预定</span>
                </a>
                <a href="">
                    <span>☎</span>
                    <span>电话预定</span>
                </a>
                <a href="">
                    <span>☎</span>
                    <span>电话预定</span>
                </a>
            </div>
            <div class="options">
                <span>网站地图</span>
                <span>语音</span>
                <span>电脑版本</span>
            </div>
            <p>©2018携程旅行｜沪ICP备08023580号
            </p>
        </footer>
    </div>
    <!-- <div class="shiyan">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div> -->
</body>
</html>